<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <!-- <link rel="stylesheet" href="./css/header.css"> -->
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/swiper-3.4.2.min(1).css">
    <!-- <link rel="stylesheet" href="./css/footer.css"> -->
</head>

<body>
    <header>
        <div class="head">
            <div class="heads">
                <p class="heads-left">·欢迎来到河南省内部审计协会官网·</p>
                <p class="heads-right">
                    <a href="">注册|</a>
                    <a href="">登陆</a>
                </p>
            </div>
        </div>
        <div class="head-miiddle">
            <img src="./images/组 44.png" alt="">
            <div class="miiddle">
                <input type="text" value="" placeholder="">
                <span>搜索</span>
            </div>
            <img src="./images/NoPath - 副本 (12).png" alt="">
        </div>
        <div class="daohang">
            <a href="">首页</a>
            <div class="gaikuang">
                <div>协会概况</div>
                <div class="xiehui">
                    <a href="">协会简介</a>
                    <a href="">协会章程</a>
                    <a href="">协会领导</a>
                    <a href="">协会机构</a>
                    <a href="">联系方式</a>
                </div>
            </div>
            <div class="gaikuang">
                <div>职业教育</div>
                <div class="xiehui">
                    <a href="">面授培训</a>
                    <a href="">网络培训</a>
                    <a href="">资格考试</a>
                    <a href="">线上报名</a>
                    <a href="">师资库</a>
                </div>
            </div>
            <div class="gaikuang">
                <div>会员服务</div>
                <div class="xiehui">
                    <a href="">入会申请</a>
                    <a href="">会员记录</a>
                </div>
            </div>
            <div class="gaikuang">
                <div>政策咨询</div>
                <div class="xiehui">
                    <a href="">政策法规</a>
                    <a href="">行业动态</a>
                    <a href="">通知公告</a>
                </div>
            </div>
            <div class="gaikuang">
                <div>内审之家</div>
                <div class="xiehui">
                    <a href="">内审通报</a>
                    <a href="">光荣榜</a>
                    <a href="">企业名录</a>
                </div>
            </div>
            <div class="gaikuang">
                <div>文化交流</div>
                <div class="xiehui">
                    <a href="">对外交流</a>
                    <a href="">文化建设</a>
                </div>
            </div>
        </div>
    </header>
    <div class="null"></div>
    <section>
        <div class="lunbo">

            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="./images/NoPath - 副本 (23).png" alt=""></div>
                    <div class="swiper-slide"><img src="./images/NoPath - 副本 (23).png" alt=""></div>
                    <div class="swiper-slide"><img src="./images/NoPath - 副本 (23).png" alt=""></div>

                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="nulls"></div>
        <!-- 通知公告开始 -->
        <div class="notice">
            <!-- 左 -->
            <div class="notice-title">
                <div class="notice-top">
                    <p>通知公告</p>
                    <a href="">更多></a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
            </div>
            <!-- 右 -->
            <div class="notice-titles">
                <div class="notice-tops">
                    <p>行业动态</p>
                    <a href="">更多></a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>

            </div>
        </div>
        <!-- 通知公告结束 -->
        <div class="nulls"></div>
        <!-- 政策法规开始 -->
        <div class="notice">
            <!-- 左 -->
            <div class="notice-title">
                <div class="notice-top">
                    <p>政策法规</p>
                    <a href="">更多></a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottom">
                    <a href="" class="china">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
            </div>
            <!-- 右 -->
            <div class="notice-titles">
                <div class="notice-tops">
                    <p>文化交流</p>
                    <a href="">更多></a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>

            </div>
        </div>
        <!-- 政策法规结束 -->
        <div class="nulls"></div>
        <div class="science">
            <img src="./images/NoPath - 副本 (14).png" alt="">
        </div>
        <!-- 师资库开始 -->
        <div class="notice">
            <!-- 左 -->
            <div class="notice-title">
                <div class="notice-top">
                    <p>师资库</p>
                    <a href="">更多></a>
                </div>
                <div class="chart">
                    <div class="charts">
                        <img src="./images/NoPath - 副本 (20).png" alt="">
                        <p>叶星辰</p>
                    </div>
                    <div class="charts">
                        <img src="./images/NoPath - 副本 (20).png" alt="">
                        <p>叶星辰</p>
                    </div>
                    <div class="charts">
                        <img src="./images/NoPath - 副本 (20).png" alt="">
                        <p>叶星辰</p>
                    </div>
                    <div class="charts">
                        <img src="./images/NoPath - 副本 (20).png" alt="">
                        <p>叶星辰</p>
                    </div>
                    <div class="charts">
                        <img src="./images/NoPath - 副本 (20).png" alt="">
                        <p>叶星辰</p>
                    </div>
                    <div class="charts">
                        <img src="./images/NoPath - 副本 (20).png" alt="">
                        <p>叶星辰</p>
                    </div>
                    <div class="charts">
                        <img src="./images/NoPath - 副本 (20).png" alt="">
                        <p>叶星辰</p>
                    </div>
                    <div class="charts">
                        <img src="./images/NoPath - 副本 (20).png" alt="">
                        <p>叶星辰</p>
                    </div>
                    <div class="charts">
                        <img src="./images/NoPath - 副本 (20).png" alt="">
                        <p>叶星辰</p>
                    </div>
                    <div class="charts">
                        <img src="./images/NoPath - 副本 (20).png" alt="">
                        <p>叶星辰</p>
                    </div>
                </div>
            </div>
            <!-- 右 -->
            <div class="notice-titles">
                <div class="notice-tops">
                    <p>企业名录</p>
                    <a href="">更多></a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>
                <div class="notice-bottoms">
                    <a href="" class="chinas">
                        <span> · </span>
                        <span>中国内部审计协会相关上线会员服务与管理系统的公告</span>
                        <span>2019-01-01</span>
                    </a>
                </div>

            </div>
        </div>
        <!-- 师资库结束 -->
        <div class="nullss"></div>
        <div class="many">
            <img src="./images/符号 11 – 1.png" alt="">
        </div>
        <div class="lianjie">
            <span>友情链接：</span>
            <a href="">中国审计新闻网</a>
            <a href="">中国审计新闻网</a>
            <a href="">中国审计新闻网</a>
            <a href="">中国审计新闻网</a>

        </div>

    </section>
    <!-- 底部 -->
    <footer>
        <div class="ends">
            <p>河南省内部审计协会 版权所有</p>
            <p>协会地址：埃里克技术大反复将发放1将发放卡萨费尽全力</p>
            <p>联系电话：18240701988 电子邮箱：860258541@123.com</p>
            <p>copy@2018.ALL righrs reserved</p>
        </div>
    </footer>
    <!-- <div class="nulll"></div> -->
    <!-- 底部结束 -->

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

    <script>
        // 鼠标移入时，显示暗红。隐藏下拉框
        $(".gaikuang").mouseover(function() {
            $(this).css("background-color", "#812323")
            $(".xiehui").eq($(this).index() - 1).show();
        });
        // 鼠标移出后，显示红色（和背景色是一个颜色），展示下拉框
        $(".gaikuang").mouseout(function() {
            $(this).css("background-color", "#d80505")
            $(".xiehui").hide();
        });
    </script>
    <script src="./js/swiper-3.4.2.min.js"></script>
    <script>
        // 轮播


        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: '.swiper-pagination',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            spaceBetween: 30,
            autoHeight: true,
            observer: true,
            observeParents: true,
            autoplay: 3000,
        });
    </script>
</body>

</html>